<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <link rel="stylesheet" href="css/pintuer.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/admin.css">
    <style>
        html,body{

            width:100%;

            height:100%

        }
        .div1{
            background:rgba(41 , 33 , 33 , 0.5);
        }
        body{
        /*background: url("img/baby.jpg") no-repeat;*/
        background-size: 100%;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="container">
        <div style="height: 50px;">

        </div>
        <div class="row border">
            <div class="col-6 border" style="background-color: lightgray">
                <div class="container">
                    <div style="height: 130px;">

                    </div>
                    <div>
                        <p class="text-center" style="font-size: medium">
                            ERP英文全称为：Enterprise Resource Planning，中文名称是企业资源计划系统，它是指在信息技术基础上，以系统化的管理思想，为企业决策层及员工提供决策运行手段的管理平台。
                        </p>
                        <p class="text-center" style="font-size: medium">
                            ERP软件是现代企业管理的理想工具，可确保流程顺利进行。您能借助ERP解决方案的强大功能，轻松分析销售、市场营销、客户服务、订单处理、制造、库存管理等信息。大多数ERP解决方案都有一个模块列表和清单，告知企业各个可用模块的结构。
                        </p>
                    </div>
                </div>

            </div>
            <div class="col-6 border">
                <div style="height: 80px;"></div>

                <div style="height: 30px;">
                    <h2 class="text-center">登录</h2>
                </div>
                <div style="height: 20px;">

                </div>
                <div class="container div1" style="width: 300px;height: 240px;">
                    <form id="loginUserForm">
                        <div style="height: 40px">
                        </div>

                        <div class="form-group">
                            <span class="glyphicon glyphicon-user"></span><input type="text" name="loginId" id="loginId" class="form-control" placeholder="账号">
                        </div>
                        <div class="form-group">
                            <input type="password" name="password" class="form-control" placeholder="密码">
                        </div>
                        <div class="form-group" style="text-align: center;">
                            <input type="button" id="loginBtn" class="btn btn-primary" value="登录"/>
                            <input type="button" class="btn btn-primary" value="取消"/>
                        </div>
                    </form>
                </div>
                <div style="height: 170px;">

                </div>
            </div>
        </div>

    </div>


</div>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">

        $(function () {
            $("#loginBtn").click(function () {
                $.ajax({
                    url:"SysUsers/loginUser",
                    type:"post",
                    data:$("#loginUserForm").serialize(),
                    success:function (data) {
                        if(data=="ok"){
                            localStorage.setItem("userName",$("#loginId").val());
                            window.location.href="index.html";
                        }else if(data=="error"){
                            alert("账号或密码错误");
                        }
                    }
                })
            })
        })
        /*$.ajaxSetup( {
            //设置ajax请求结束后的执行动作
            complete :
                function(XMLHttpRequest, textStatus) {
                    // 通过XMLHttpRequest取得响应头，sessionstatus
                    var sessionstatus = XMLHttpRequest.getResponseHeader("sessionstatus");
                    if (sessionstatus == "TIMEOUT") {
                        var win = window;
                        while (win != win.top){
                            win = win.top;
                        }
                        alert("请先登录");
                        win.location.href= XMLHttpRequest.getResponseHeader("CONTEXTPATH");
                    }
                }
        });*/
    </script>
</body>
</html>